 #{extends 'main.html' /}
#{set title:'Sản Phẩm Đồng Phục - Bảo Hộ Lao Động - Phú Cường Thịnh' /}
#{set activeSanPham:'active' /}
#{set 'moreStyles'}
        #{stylesheet 'product.css' /}
#{/set}
<div class="content_resize">
      <div class="mainbar">
      
      <div class="article">
          <h2><span>Những Sản Phẩm </span> Của Công Ty</h2>
          <div class="clr"></div>
      	<div class="group-box">
      	
      	#{list items:listProducts, as:'product'}
			<div class="small-box-trans small-group-box group-3 ${product_parity}">
      			<a title="${product.name}" href="/chitietsanpham/${product.alias}" class="jqzoom" rel='gal1'>
      				<img width="320" height="196" alt="${product.name}" src="/showPicture/${product.image}/196/320">
      			</a>
      			<div class="box-info-price">
      				<div class="box-info">
      					<strong>${product.descShort}</strong>
					</div>
					<h3>
						<a href="/chitietsanpham/${product.alias}">${product.name}</a>
					</h3>
				</div>
			</div>
		#{/list}
		</div>
      </div>
      <div class="clr"></div>
      #{pagination paginationInfo /}
      </div>
      
       
      
      <!-- menu left -->
      <div class="sidebar">
        <div class="gadget">
          <h2 class="danhmuc"><span>Danh Mục</span></h2><div class="clr"></div>
        </div>
        <div class="gadget">
          <h2 class="star"><span>Đồng</span> Phục</h2><div class="clr"></div>
          <ul class="sb_menu">
          	#{list items:dongphucCategories, as:'category'}
          		#{if category.alias == aliasCategory}
          			<li class="active"><a href="/sanpham/${category.alias}">${category.name}</a></li>
          		#{/if}
          		#{else}
          			<li><a href="/sanpham/${category.alias}">${category.name}</a></li>
          		#{/else}
          	#{/list}
          </ul>
        </div>
        <div class="gadget">
          <h2 class="star"><span>Bảo Hộ Lao Động</span></h2><div class="clr"></div>
          <ul class="ex_menu">
            #{list items:bhldCategories, as:'category'}
          		#{if category.alias == aliasCategory}
          			<li class="active"><a href="/sanpham/${category.alias}">${category.name}</a></li>
          		#{/if}
          		#{else}
          			<li><a href="/sanpham/${category.alias}">${category.name}</a></li>
          		#{/else}
          	#{/list}
          </ul>
        </div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
